$(function () {
  initArtCateList();
  function initArtCateList() {
    $.ajax({
      method: "GET",
      url: "/my/article/cates",
      success: function (res) {
        console.log(res);
        var htmlStr = template("tpl-table", res);
        $("tbody").html(htmlStr);
      },
    });
  }

  var layer = layui.layer;
  var layerindex = null;
  // 为添加类别按钮绑定点击事件

  $("#btnAddCate").on("click", function () {
    layerindex = layer.open({
      type: 1,
      area: ["500px", "250px"],
      title: "添加文章分类",
      content: $("#dialog-add").html(),
    });
  });

  //代理形式
  //   $('body').on('submit','#form-add',function(e){
  //     e.preventDefault()
  //     $.ajax({
  //         method:'POST',
  //         url:'/my/article/addcates',
  //         data:$(this).serialize(),
  //         success:function(res){
  //             if(res.status!==0){
  //                 return layer.msg('新增分类失败')
  //             }
  //             initArtCateList()
  //             layer.msg('新增分类成功')
  //             layer.close(layerindex)
  //         }
  //     })
  //   })
  //   通过代理的形式，为 form-add 表单绑定 submit 事件
  $("body").on("submit", "#form-add", function (e) {
    e.preventDefault();
    $.ajax({
      method: "POST",
      url: "/my/article/addcates",
      data: $(this).serialize(),
      success: function (res) {
        if (res.status !== 0) {
          return layer.msg("新增分类失败！");
        }
        initArtCateList();
        layer.msg("新增分类成功！");
        // 根据索引，关闭对应的弹出层
        layer.close(layerindex);
      },
    });
  });

  var indexEdit = null;
  $("tbody").on("click", ".btn-edit", function () {
    console.log("ok");
    // 弹出一个修改文章分类信息的层
    indexEdit = layer.open({
      type: 1,
      area: ["500px", "250px"],
      title: "修改文章分类",
      content: $("#dialog-edit").html(),
    });
    var id = $(this).attr("data-id");
    // 发起请求获取对应分类的数据
    $.ajax({
      method: "GET",
      url: "/my/article/cates/" + id,
      success: function (res) {
        console.log(res)
        // form.val("form-edit", res.data);
      },
    });
  });
});
